<template>
	<view class="content">
		<view v-for="(item,index) in componentsList">
			<view @click="topage(item.url)">
				{{item.name}}
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				componentsList: [{
						name: "头像裁剪Cropper.js",
						url: "/pages/componentsList/head-cutting/head-cutting"
					},
					{
						name: "头像裁剪canvas版",
						url: "/pages/componentsList/canvas-cutting/canvas-cutting"
					},
					{
						name: "海报版分享",
						url: "/pages/componentsList/sharePoster/sharePoster"
					},
					{
						name: "弹窗版海报分享",
						url: "/pages/componentsList/sharePoster/sharePosterByModel"
					},
					{
						name: "多种弹窗组件",
						url: "/pages/componentsList/alertList/alertList"
					},
					{
						name: "签到",
						url: "/pages/componentsList/sign/sign"
					}
					
				]
			}
		},
		onLoad() {

		},
		methods: {
			topage(url) {
				uni.navigateTo({
					url
				})
			}
		}
	}
</script>

<style>
	.content {
		
	}
</style>
